<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
    />
    <title>慢慢买比价网-手机版</title>
    <!-- 引入bootstrap css-->
    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css" />
    <!-- 引入公共样式-->
    <link rel="stylesheet/less" href="css/base.less" />
    <!-- 引入首页的css-->
    <link rel="stylesheet/less" href="css/productlist.less" />
    <!-- 引入less.js-->
    <script src="lib/less/less.min.js"></script>
</head>

<body>
    <header id="header">
        <a href="#" class="logo">
            <img src="images/header_logo.png" alt="" />
        </a>
        <a href="#" class="appDown">
            <img src="images/header_app.png" alt="" />
        </a>
    </header>
    <section id="search">
        <form action="#">
            <input type="search" placeholder="请输入你想比价的商品" />
            <input type="submit" />
        </form>
    </section>
    <section id="productlist">
        <div class="product-title clearfix">
            <ol class="breadcrumb pull-left">
                <li><a href="../index.html">首页</a></li>
                <li><a href="category.html">分类大全</a></li>
                <li class="active">电视</li>
            </ol>
            <a href="#" class="btn btn-default pull-right">筛选</a>
        </div>
        <div class="product-list">
            <ul>

            </ul>
        </div>
        <div class="product-page">
            <input type="button" value="上一页" class="btn btn-default">
            <div class="dropdown">
                <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true"
                    aria-expanded="true">
                    第 1 页
                    <span class="caret"></span>
                </button>
                    <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                        
                    </ul>
            </div>
            <input type="button" value="下一页" class="btn btn-default">
        </div>
    </section>
    <footer id="footer">
        <div class="row">
            <a href="#" class="col-xs-4">登录</a>
            <a href="#" class="col-xs-4">注册</a>
            <a href="#" class="col-xs-4"><img src="images/top.jpg" alt="">返回顶部</a>
        </div>
        <p>
            <a href="#">手机app下载</a>
            <a href="#">慢慢买手机版 </a> --掌上比价平台
        </p>
        <p>m.manmanbuy.com</p>
    </footer>
</body>
<!--商品列表模板-->
<script type="text/template" id="lsitTpl">
    {{each result as v i }}
    <li>
        <a href="bijia.html?productid={{v.productId}}&brandName={{v.brandName}}" class="clearfix">
            <div class="product-pic pull-left">
                {{#v.productImg}}
            </div>
            <div class="product-info">
                <h5>{{v.productName}}</h5>
                <p class="product-price">{{v.productPrice}}.00</p>
                <span class="pull-left">{{v.productQuote}}</span>
                <span class="pull-right">{{v.productCom}}</span>
            </div>
        </a>
    </li>
    {{/each}}
</script>
<script type="text/templat" id="pageTpl">
   {{each pageArr as value i }}
    <li data-page ='{{value}}'><a href="#">第 {{value}} 页</a></li>
   {{/each}}
</script>
<!--引入jQuery文件-->
<script src="lib/jQuery/jquery.min.js"></script>
<!--引入bootstrap JS-->
<script src="lib/bootstrap/js/bootstrap.min.js"></script>
<!--引入模板插件-->
<script src="lib/template/template.js"></script>
<!--引入首页的JS-->
<script src="js/productlist.js"></script>

</html>